<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="fn()" ondblclick="fn1()">单击/双击</button>
<script>
var timeId = null;
  function fn() {
      clearTimeout(timeId);
      // clearTimeout()阻止 setTimeout() 方法执行函数 :
      timeId = setTimeout(() => {
          alert('2班');
      },200)
  };

  function fn1() {
    clearTimeout(timeId)
      alert('4班');
  }
</script>
</body>
</html>

<!--练习:单击时触发单击事件， 双击时只触发双击事件-->
<!--BOM:setTimeOut()-->

<!--btn.addEventListener('click',fn);-->
<!--btn.addEventListener('dblclick',fn1);-->
<!--function fn() {-->
<!--alert('2班');-->
<!--// btn.removeEventListener('click',fn);-->
<!--}-->
<!--function fn1() {-->
<!--alert('4班');-->
<!--}-->